import React from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import Menu from './Menu';
import Role from './Role';
import AppTabs from '@/components/MyTabs';

/**
 * 系统管理/权限管理
 */
const Index: React.FC = () => {
  const items = [
    {
      label: '菜单管理',
      key: 'Menu',
      children: <Menu />,
    },
    {
      label: '角色管理',
      key: 'Role',
      children: <Role />,
    },
  ];
  return (
    <PageHeaderWrapper>
      <AppTabs items={items} />
    </PageHeaderWrapper>
  );
};

export default Index;
